<template>
  <div class="homegoodlists">
      <div class="h_g_item" v-for="(item,index) in goodsLists">
        <img :src="item.imageUrl" alt="">
        <span>{{item.skuName}}</span>
        <p>{{'价格:￥'+item.jdPrice+'.00元'}}</p>
      </div>
  </div>
</template>

<script>
export default {
  name: "HomeGoodLists",
  props: {
    goodsLists: {
      type: Array,
      default(){
        return [];
      }
    }
  }
}
</script>

<style scoped>
.homegoodlists{
  width: 100%;
  padding-top: 40px;
}
.h_g_item{
  width: 46%;
  display: inline-block;
  background-color: #99FFFF  ;
  border-radius: 13px;
  padding: 10px 1% 0 1%;
  border-bottom: 2px red solid;
  margin-top: 5px;
}
.h_g_item span{
  font-size: 13px;
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.h_g_item p{
  text-align: center;
  color: #e93b3d;
  margin-top: 5px;
}
.h_g_item img{
  width: 100%;
  height: 150px;
}
</style>
